// less中的混入 => 通俗来说 其实就是定义了一些函数 , 提取了公共的样式, 可以复用

// 鼠标经过上移阴影动画
.hoverShadow () {
  transition: all 0.5s;
  &:hover {
    // 开启硬件加速 => 性能更高
    transform: translate3d(0, -3px, 0);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  }
}

// .box {
//   width: 100px;
//   height: 100px;
//   background-color: #8df;

//   .hoverShadow();
// }
